

<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="/api-ui/static/bootstrap/css/bootstrap.min.css" />
	<script type="text/javascript" src="/api-ui/static/easyui/jquery.min.js"></script>
	<script type="text/javascript" src="/api-ui/static/bootstrap/js/bootstrap.min.js"></script>
	<link rel="stylesheet" type="text/css" href="/api-ui/static/css/common/box.css" />
	<link rel="stylesheet" type="text/css" href="/api-ui/static/css/common/checkbox.css" />
	<link href="/api-ui/static/css/common/checkbox.css" rel="stylesheet" />
	<link href="/api-ui/static/css/common/iconfont.css" rel="stylesheet" />
	<link href="/api-ui/static/css/attendce/weektable.css" rel="stylesheet"/>
	<script type="text/javascript" src="/api-ui/static/js/iconfont.js"></script>
	<script	type="text/javascript" src="/api-ui/static/plugins/My97DatePicker/WdatePicker.js"></script>
	<script type="text/javascript" src="/api-ui/static/js/attendce/weektable.js"></script>
	<!--vue脚本库-->
	<script type="text/javascript"
			src="/api-ui/static/js/vue/vue-3.2.4.global.js">
	</script>
	<!--axios脚本库-->
	<script type="text/javascript"
			src="/api-ui/static/js/vue/axios-0.18.0.min.js">
	</script>
	<!--我们自己封装的axios函数库 -->
	<script type="text/javascript"
			src="/api-ui/static/js/vue/axios-helper.js">
	</script>
</head>
<body id="app">
<div class="row" style="padding-top: 10px">
	<div class="col-md-2">
		<h1 style="font-size: 24px; margin: 0;" class="">考勤8月报表</h1>
	</div>
	<div class="col-md-10 text-right">
		<a href="##"><span class="glyphicon glyphicon-home"></span> 首页</a> >
		<a disabled="disabled">考勤月报表</a>
	</div>
</div>
<div class="row">
	<div class="col-md-12">
		<div class="box">
			<div class="box-header ">
				<a class="label  label-back lastmonth"> <span
						class="glyphicon glyphicon-chevron-left"></span> 上一月
				</a> <a class=" label  label-back nextmonth"> <span
					class="glyphicon glyphicon-chevron-right"></span> 下一月
			</a>
				<span id="month">{{nianYue}}</span>
				<div class="input-group" style="width:150px;float:right;top:-5px">
					<input type="text" class="form-control input-sm pull-right baseKey" value="" placeholder="查找..." v-model="deptS"/>
					<div class="input-group-btn" style="top:-1px;">
						<a class="btn btn-sm btn-default glyphicon glyphicon-search btn-change baseKetsubmit"
						@click="selectDept"></a>
					</div>
				</div>
				<div class="box-body">
					<div id="refresh" class="thistable">
						<!DOCTYPE html>
						<html>
						<head>
							<meta charset="UTF-8">
							<title>Insert title here</title>
						</head>
						<body>
						<table
								class="table table-striped table-hover table-bordered table-responsive">

							<tr>
								<th>部门</th>
								<th>成员</th>
								<th>正常</th>
								<th>迟到</th>
								<th>早退</th>
								<th>请假</th>
								<th>出差</th>
								<th>旷工</th>
							</tr>

							<tr v-for="obj in aoaAttachmentList">
								<td>{{obj.aoaDept.deptName}}</td>
								<td>{{obj.aoaUser.userName}}</td>
								<td>-</td>
								<td>-</td>
								<td>-</td>
								<td>-</td>
								<td>-</td>
								<td>-</td>
							</tr>
						</table>
						<div class="box-footer no-padding" style="margin-top: -20px;">
							<div style="padding: 5px;">
								<div id="page"
									 style="background: #fff; border: 0px; margin-top: 0px; padding: 2px; height: 25px;">
									<div style="width: 40%; float: left;">
										<div class="pageInfo" style="margin-left: 5px;">
											共<span>1</span>条 | 每页<span>10</span>条
											| 共<span>1</span>页
										</div>
									</div>
									<div style="width: 60%; float: left;">
										<div class="pageOperation">
											<!--判断是否是第一页  -->
											<a class="btn btn-sm btn-default no-padding tablefirst" disabled="disabled"	style="width: 30px; height: 20px;"> <span
													class="glyphicon glyphicon-backward"></span></a>
											<a class="btn btn-sm btn-default no-padding tableup"  disabled="disabled" 	style="width: 30px; height: 20px;"> <span
													class="glyphicon glyphicon-triangle-left"></span></a>
											<a disabled="disabled" class="btn btn-default no-padding" style="width: 30px; height: 20px;">
												1
											</a>
											<!--判断是否是最后一页  -->
											<a class="btn btn-sm btn-default no-padding tabledown"  disabled="disabled" style="width: 30px; height: 20px;"> <span
													class="glyphicon glyphicon-triangle-right"></span></a>
											<a class="btn btn-sm btn-default no-padding tablelast" disabled="disabled" style="width: 30px; height: 20px;"> <span
													class="glyphicon glyphicon-forward"></span></a>
										</div>
									</div>
								</div>
							</div>
						</div>
						<script>
							/* 分页插件按钮的点击事件 */
							/* url是从后台接收过来的链接，sort是记录排序规则 */
							$('.tablefirst').on('click',function(){
								if(true==false){
									$('.thistable').load('realmonthtable?page=0');
								}
							});
							$('.tableup').on('click',function(){
								if(true==false){
									$('.thistable').load('realmonthtable?page=-1');
								}
							});
							$('.tabledown').on('click',function(){
								if(true==false){
									$('.thistable').load('realmonthtable?page=1');
								}
							});
							$('.tablelast').on('click',function(){
								if(true==false){
									$('.thistable').load('realmonthtable?page=0');
								}

							});

							/*类型、状态、时间的排序  */
							$('.thistype').on('click', function() {
								if ($(this).children().hasClass('glyphicon-triangle-bottom')) {
									$('.thistable').load('realmonthtable?type=0&icon=glyphicon-triangle-top');
								} else {
									$('.thistable').load('realmonthtable?type=1&icon=glyphicon-triangle-bottom');
								}
							});
							$('.thisstatus').on('click', function() {
								if ($(this).children().hasClass('glyphicon-triangle-bottom')) {
									$('.thistable').load('realmonthtable?status=0&icon=glyphicon-triangle-top');
								} else {
									$('.thistable').load('realmonthtable?status=1&icon=glyphicon-triangle-bottom');
								}
							});
							$('.thistime').on('click', function() {
								if ($(this).children().hasClass('glyphicon-triangle-bottom')) {
									$('.thistable').load('realmonthtable?time=0&icon=glyphicon-triangle-top');
								} else {
									$('.thistable').load('realmonthtable?time=1&icon=glyphicon-triangle-bottom');
								}
							});
							$('.thisvisit').on('click', function() {
								if ($(this).children().hasClass('glyphicon-triangle-bottom')) {
									$('.thistable').load('realmonthtable?visitnum=0&icon=glyphicon-triangle-top');
								} else {
									$('.thistable').load('realmonthtable?visitnum=1&icon=glyphicon-triangle-bottom');
								}
							});
							/* 查找 */
							$('.baseKetsubmit').on('click', function() {
								var baseKey = $('.baseKey').val();
								console.log(baseKey);
								$('.thistable').load('realmonthtable?baseKey='+baseKey+'');
							});
						</script>
						<script>
							Vue.createApp({
								data(){
									return{
										yue:null,
										nian:null,
										nianYue:null,
										aoaAttachmentList:[],
									}
								},
								methods:{
									selectDept(){
										requestGet("/api-core/aoaAttachmentList/queryMonth",{
											startSJ:document.getElementById("month").innerText,
											deptS:this.deptS,
										}).then((data)=>{
											console.info(data)
											this.aoaAttachmentList=data;
										})
									}
								},
								created(){
									let shuju=this;
									$(window).load(function () {
										shuju.yue=new Date().getMonth()+1;
										shuju.nian=new Date().getFullYear();
										shuju.nianYue=shuju.nian+"-"+shuju.yue;
										requestGet("/api-core/aoaAttachmentList/queryMonth",{
											startSJ:shuju.nianYue
										})
												.then((data)=>{
													console.info(data)
													shuju.aoaAttachmentList=data;
												})
									})
								}
							}).mount("#app");
						</script>
						</body>
						</html>			</div>
				</div>
			</div>
		</div>
	</div>